@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

html { webkit-text-size-adjust: none; -webkit-text-size-adjust: none; text-justify: inter-ideograph; }

table { border-collapse: collapse; border-spacing: 0; }

table th, table td { padding: 5px; }

fieldset, img { border: 0; }

.h0 { clear: both; }

.h5 { clear: both; height: 5px; font-size: 0; line-height: 0px; }

.h10 { clear: both; height: 10px; }

.h15 { clear: both; height: 15px; }

.h20 { clear: both; height: 20px; }

.h30 { clear: both; height: 30px; }

.h40 { clear: both; height: 40px; }

.h50 { clear: both; height: 50px; }

.h60 { clear: both; height: 60px; }

.h100 { clear: both; height: 100px; }

.h200 { clear: both; height: 200px; }

.clear { clear: both; }

.dis { display: none; }

.disp { display: block; }

.text-center { text-align: center; }

.text-hide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

ception, th { text-align: left; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

a { color: #333; text-decoration: none; }

a:focus { outline: none; }

a:hover { color: #0A6CD9; text-decoration: none; }

a { text-decoration: none; outline: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }

* { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-touch-callout: none; margin: 0 }

::-webkit-scrollbar {

width:10px;

height:10px

}

::-webkit-scrollbar-track {

border-radius:0;

background:#fff;

}

::-webkit-scrollbar-thumb {

background:rgba(0,0,0,0.2);

}

::-webkit-scrollbar-thumb:hover {

background:rgba(0,0,0,0.4);

background-color:#0A6CD9;

}

input, textarea { -webkit-user-select: text }

.tl { text-align: left; }

.tc { text-align: center; }

.tr { text-align: right; }

.bc { margin-left: auto; margin-right: auto; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.zoom { zoom: 1 }

.hidden { visibility: hidden; }

.vam { vertical-align: middle; }

.clear { clear: both; height: 0; line-height: 0; font-size: 0; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

p { word-spacing: -1.5px; }

.curp { cursor: pointer }

;

sup { vertical-align: baseline; }

sub { vertical-align: baseline; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button, textarea, select { *font-size:100%;

}

input, select { vertical-align: middle; }

select, input, button, textarea, button { font: 99% arial, helvetica, clean, sans-serif; }

table { font-size: inherit; font: 100%; border-collapse: collapse; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size:108%;

line-height: 100%; }

h1 { font-size: 32px; }

h2 { font-size: 26px; }

h3 { font-size: 20px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 10px; }

body { overflow-x: hidden; overflow-y: auto; }

body { background-color: #fff; overflow-x: hidden; color: #333; font-size: 14px; font-family: microsoft yahei; position: relative; }

.top_main { width: 100%; position: relative; z-index: 999; background: #f5f5f5; height: 30px; font-size: 12px; line-height: 30px; }

.top_main .huanying { overflow: hidden; width: 1200px; margin: 0 auto; }

.top_main .huanying p { width: 390px; padding-left: 13px; float: left; }

.huanying ul.huanying_li { text-align: center; float: right; }

.huanying ul.huanying_li li { float: left; padding-left: 20px; }

.header, .content, .footer, .container { margin: 0 auto; width: 1200px; }

.header { width: 100%; background-color: #fff; position: relative; z-index: 100; }

.hearderBox { width: 1200px; margin: 0 auto; position: relative; z-index: 100; }

.logo_right { width: 1200px; margin: 0 auto }

.logo_right .header_middle { padding: 10px 0 22px 0; }

.header_middle .logo { float: left; margin-top: 20px; }

.header_middle .logo img { max-height: 70px; }

.header_middle .zldl { overflow: hidden; width: 596px; height: 70px; float: left; position: relative; padding-left: 45px; text-align: center; margin-top: 20px }

.header_middle .zldl span { font-size: 30px; color: #3E3D3D; }

.header_middle .zldl p { color: #515151; font-size: 12px; margin-top: 2px; padding-left: 15px; }

.header_middle .zldl_phone { display: block; margin-top: 20px; line-height: 32px; background: url(../images/header_phone.png) no-repeat center left; padding-left: 50px; float: right; }

.header_middle .zldl_phone b { display: block; font-size: 30px; color: #FF7608; float: right; }

.hearer_Nav { height: 53px; line-height: 53px; position: relative; z-index: 1000; background-color: #0A6CD9; }

.hearer_Nav .daohang { width: 1200px; margin: 0 auto }

.hearer_Nav ul li { font-size: 16px; width: 133px; height: 53px; line-height: 53px; float: left; text-align: center; position: relative; }

.hearer_Nav ul li a i { margin-left: 6px; }

.hearer_Nav ul li.last { background: none; }

.hearer_Nav ul li>a { display: block; color: #FFF; height: 53px; }

.hearer_Nav ul li:hover>a, .hearer_Nav ul li.cur>a { background-color: #1384D0; text-decoration: none; }

.hearer_Nav ul li .ej_Nav { position: absolute; width: 100%; }

.hearer_Nav ul li .ej_Nav {

filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }

.hearer_Nav ul li:hover .ej_Nav { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }

.hearer_Nav ul li .ej_Nav dl { width: 365px; }

.hearer_Nav ul li .ej_Nav dd { width: 100%; height: 40px; line-height: 40px; float: left; }

.hearer_Nav ul li .ej_Nav dd a { display: block; width: 100%; height: 39px; color: #fff; text-align: center; font-size: 14px; background: #1384d0; border-bottom: 1px solid #0A6CD9; }

.hearer_Nav ul li .ej_Nav dd a:hover { background-color: #0A6CD9; }

/*footer*/

.footer { width: 100%; color: #fff; padding-bottom: 48px; background: #2E3033; border-top: 8px solid #0A6CD9; }

.footer .links { padding: 20px 0; font-size: 16px; border-bottom: 1px solid #1a1d21; }

.footer .links span { color: #fff; display: inline-block; }

.footer .links a { display: inline-block; font-size: 14px; color: #939393; padding-right: 10px; }

.footer .links a:hover { color: #0A6CD9; }

.footer .bottom { border-top: 1px solid #464a50; }

.footer .bNav { width: 670px; height: 180px; margin-top: 28px; border-right: 1px solid #1a1d21; }

.footer .di_logo img { width: 111px; height: 111px; background-size: 100%; }

.footer .bNav dl { display: inline-block; float: left; width: 128px; overflow: hidden; text-align: left; padding-top: 10px; }

.footer .bNav dl dt { height: 16px; display: block; padding-bottom: 32px; }

.footer .bNav dl dt a { display: block; font-size: 16px; color: #fff; line-height: 16px; }

.footer .bNav dl dd { display: block; margin-bottom: 15px; height: 14px; }

.footer .bNav dl dd a { display: block; font-size: 14px; color: #939393; line-height: 14px; }

.footer .bNav dl dd a:hover { color: #0A6CD9; }

.footer .ewm { height: 180px; text-align: center; padding-left: 48px; margin-top: 48px; border-left: 1px solid #464a50; }

.footer .ewm dl { width: 140px; float: left; display: block; margin-right: 30px; margin-top: 10px; height: 164px; }

.footer .ewm dl:nth-child(2) { margin-right: 0px; }

.footer .ewm dl:first-child+dl { margin-right: 0px; }

.footer .ewm dl dt { width: 140px; height: 140px; background-color: #fff; text-align: center; }

.footer .ewm dl dt img { width: 130px; height: 130px; display: inline-block; background-size: 100%; margin-top: 5px; }

.footer .ewm dl dd { font-size: 14px; color: #939393; line-height: 24px; padding-top: 5px; }

.footer .contact_info { width: 306px; height: 180px; padding-left: 30px; border-right: 1px solid #1a1d21; border-left: 1px solid #464a50; margin-top: 28px; }

.footer .contact_info p.p1 { font-size: 14px; color: #fff; line-height: 14px; padding-top: 10px; }

.footer .contact_info p.dh { font-size: 34px; color: #FF7608; font-family: "Arial"; line-height: 24px; padding-top: 4px; font-weight: bold; padding-bottom: 12px; }

.footer .contact_info h3 { font-size: 20px; padding-top: 8px; }

.footer .contact_info div.tel p{ font-size: 14px; color: #939393; line-height: 26px; width: 270px; }

.footer .contact_info i { display: block; padding-top: 8px; font-size: 14px; color: #fff; }

.footer .contact_info i a { display: inline-block; color: #fff; padding-right: 12px; }

/*copyright*/

.copyright { height: 50px; line-height: 50px; color: #666; font-size: 12px; background: #27292B; }

.copyright p { color: #939393; }

.copyright span { margin: 0 6px; }

.copyright a { color: #939393; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }

.copyright a:hover { color: #0A6CD9; }

.topadcs { width: 100%; overflow: hidden; text-align: center; background-color: #ececec }

.left { width: 230px; float: left; overflow: hidden; }

.rightbot { height: 3px; font-size: 0; overflow: hidden; margin-bottom: 10px; }

.right { width: 735px; float: right; display: inline; overflow: hidden; }

.rights { width: 760px; float: right; display: inline; overflow: hidden; }

.right_main { width: 733px; min-height: 458px; border: solid 1px #d5d5d5; padding-bottom: 15px; overflow: hidden; background: #fff; }

.contactn .tits { background: #ED5F05; color: #fff; height: 32px; line-height: 32px; padding-left: 13px; }

.contactn .tits a { color: #fff; }

.contactn .subnr { background: #fff; border: 1px solid #E0E0E0; border-top: 0; overflow: hidden; padding: 5px 14px 10px 14px; width: 240px; height: 418px; }

.contactn .subnr img { width: 210px; height: 90px; margin-bottom: 9px; margin-top: 9px; }

.contactn .subnr p { line-height:26px; overflow: hidden; font-size:13px; color: #333333; }

.contactn .subnr p b { color: #0A6CD9; }

.contactn .subnr h5 { line-height: 28px; overflow: hidden; }

/*prolist*/

.prolist { width: 100%; overflow: hidden; }

.prolist .list { width: 970px; }

.prolist .item { width: 290px; float: left; margin: 10px 30px 20px 0; position: relative; background: #fff; transition: all ease 300ms; overflow: hidden; }

.prolist .item a { display: block; padding: 3px; border: 1px solid #e5e5e5; }

.prolist .item img { width: 282px; height: 211px; display: block; }

.prolist .item h3 { padding: 0 6px; height: 30px; text-align: center; font-size: 16px; font-weight: normal; color: #383838; line-height: 30px; overflow: hidden; transition: all ease 300ms; }

.prolist .item:hover a { background: #0A6CD9; border-color: #0A6CD9; }

.prolist .item:hover h3 { color: #fff; }

.newsPage .item { margin: 0 auto; padding: 20px; border-bottom: 1px solid #eaeaea; transition: all .5s; }

.newsPage .item a { display: block; width: 100%; }

.newsPage .item img { width: 200px; height: 150px; display: block; float: left; border: 1px solid #e5e5e5; padding: 3px; margin-right: 20px; }

.newsPage .item h3 { font-size: 16px; color: #222; height: 35px; line-height: 30px; padding-bottom: 5px; overflow: hidden; font-weight: normal; border-bottom: #ddd 1px dotted; transition: all ease 300ms; }

.newsPage .item .txt { color: #777; line-height: 24px; margin: 10px 0 13px; overflow: hidden; }

.newsPage .item .txt span { color: #0A6CD9; }

.newsPage .item .time { color: #999; padding-top: 5px; }

.newsPage .item:hover h3 { color: #0A6CD9; }

.newsPage .item:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

/*showpage*/

.showPage .content { width: 930px; float: right; }

.showPage { background: #fff; }

.showPage .title { color: #0A6CD9; margin-bottom: 5px; font-size: 24px; text-align: center; }

.showPage .title .more { font-size: 14px; }

.showPage .mark { padding: 5px 0 10px; text-align: center; margin-bottom: 20px; border-bottom: 1px solid #eee; }

.showPage .mark span { margin-right: 18px; font-size: 12px; color: #666666; }

.showPage .mark span i { font-style: normal; }

.showPage .showContxt { color: #666; line-height: 28px; padding: 5px 0 30px; }

.showPage .showContxt img { max-width: 100%; }

.showPage .newsbox { margin-top: 0; }

.showPage .gridlist { padding-top: 10px; }

.showPage .gridlist .item { width: 350px; height: 323px; }

.showPage .gridlist .item img { width: 350px; height: 263px; }

.showPage .gridlist .item h3 { height: 60px; line-height: 60px; }

.showPage .img-quotes { padding-top: 30px; margin-bottom: 40px; }

.showPage .imgcon { width: 423px; height: 468px; padding-left: 295px; margin-left: 30px; position: relative; border: 1px solid #dddddd; }

.showPage .imgcon .img { position: absolute; left: -30px; top: -30px; width: 276px; height: 368px; display: block; z-index: 10; }

.showPage .imgcon h4 { padding-top: 45px; font-size: 16px; }

.showPage .imgcon h3 { font-size: 26px; margin-bottom: 40px; }

.showPage .imgcon .txt { margin-top: 40px; line-height: 30px; }

.fenx { height: 40px; }

/* reLink */

.reLink { clear: left; width: 100%; height: 58px; line-height: 58px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; }

.reLink .nextLink, .reLink .prevLink { width: 50%; display: block; text-align: left; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.reLink .nextLink a:hover, .reLink .prevLink a:hover { color: #0A6CD9; }

.reLink .nextLink { text-align: right; }

.contactn { margin-bottom: 0px }

.t05 { line-height: 40px; background: #0A6CD9; margin-top: 10px; padding: 0 18px; color: #fff; font-size: 16px; }

.t05 a { color: #fff; }

.t05 h5 { font-size: 16px; font-weight: normal; }

.t05_cons1 { border: 1px solid #E0E0E0; border-top: 0; padding: 10px 10px 12px 10px; margin-bottom: 10px; zoom: 1; background: #fff; }

.t05_cons1 li { white-space: nowrap; text-overflow: ellipsis; line-height: 31px; height: 31px; overflow: hidden; font-size: 14px; padding-left: 15px; width: 203px; background: url(../images/dian.png) left center no-repeat; }

.t05_cons1 li a:hover { color: #0A6CD9; }

.cpMain { overflow: hidden; padding: 0px; padding-bottom: 26px; }

.cpright { width: 930px; float: right; margin-top: 26px; }

.cprightpt { width: 960px; padding: 0 20px; background: #fff; float: right; padding-bottom: 20px; }

.rtop { overflow: hidden; padding-bottom: 18px; border-bottom: 1px solid #dbdbdb; margin-top: 5px; margin-bottom: 20px; line-height: 20px; }

.rtop h5 { float: left; padding-left: 10px; border-left: 3px solid #0A6CD9; font-weight: normal; line-height: 20px; font-size: 18px; color: #0A6CD9; width: 29%; }

.rtop span { float: right; font-size: 14px; color: #666; width: 70%; text-align: right; }

.rtop span a { color: #666; }

.rtop span .am-icon-home:before { margin-right:3px;}



.about { padding: 0; }

.about h4 { height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #555555; }

.about .about_sj { height: 40px; text-align: center; line-height: 40px; background-color: #f6f6f6 }

.about .about_sj span { margin-right: 40px }

.about .about_line { height: 1px; text-align: center; border-bottom: 1px dashed #E1E1E1; width: 97%; margin: 0 auto; }

.about .about_a { padding: 0px; }

.about .about_a .about_tp { margin: 0px; padding-top: 20px; text-align: center; }

.about .about_a .wzi { color: #666666; font-size: 14px; line-height: 28px; text-align: justify; }

.about .about_a .wzi img { max-width: 100%; display: inline; }

.about .about_a .feny { margin-top: 20px; height: 40px; padding: 0px 10px; line-height: 40px; font-size: 14px; background-color: #ececec; margin-right: 3px; }

.about .about_a .feny span { display: block; width: 420px; height: 40px; overflow: hidden }

.about .about_a .feny a:hover { color: #227ecb }

.Pages { float: left; padding: 30px 100px; }

.Page { width: 100%; text-align: center; }

.Page a { display: inline-block; width: 65px; background: #ffffff; height: 48px; vertical-align: middle; line-height: 48px; font-size: 14px; border: 1px solid #e5e5e5; margin-left: -1px; float: left; text-decoration: none; color: #333; outline: none; }

.Page a:hover { background: #0A6CD9; color: #FFF; background-repeat: no-repeat; }

.Page span { display: inline-block; min-width: 45px; padding: 0 10px; background: #ffffff; height: 48px; vertical-align: middle; line-height: 48px; font-size: 14px; border: 1px solid #e5e5e5; margin-left: -1px; float: left; }

.Page span.current { background: #0A6CD9; color: #FFF }

/*index css*/

.banner { overflow: hidden; width: 100%; height: 480px; }

#flashs { position: relative; height: 480px; overflow: hidden; }

#flashs .bgitem { z-index: 1; position: absolute; top: 0; height: 480px; width: 100%; cursor: pointer; margin: 0 auto; }

#flashs .btn { position: absolute; z-index: 7; bottom: 15px; left: 50%; margin-left: -55px; padding: 0px 6px; }

#flashs .btn span { color: #fff; background: #333; cursor: pointer; display: inline-block; margin: 0 2px; width: 25px; height: 25px; font-size: 14px; line-height: 25px; text-align: center; }

#flashs .btn span.cur { background: #0A6CD9; }

/*banner*/

.public_wrap { width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding: 0px; }

.fullSlide { width: 100%; position: relative; height: 480px; padding: 0px; margin: 0px; }

.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; padding: 0px; }

.fullSlide .bd ul { width: 100% !important; }

.fullSlide .bd li { width: 100% !important; height: 480px; overflow: hidden; text-align: center; }

.fullSlide .bd li a { display: block; height: 480px; }

.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 45px; line-height: 45px; }

.fullSlide .hd ul { text-align: center; }

.fullSlide .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 15px; height: 15px; margin: 5px; overflow: hidden; background: #fff; line-height: 999px; }

.fullSlide .hd ul .on { background: #0A6CD9; }

.fullSlide .prev, .fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 0; z-index: 1; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; }

.fullSlide .next { left: auto; right: 0; background-position: -6px -137px; }

/*内页大图*/

.nybanner { width: 100%; height: 300px; overflow: hidden; position: relative; }

.nybanner img { width: 1920px; display: block; position: absolute; left: 50%; margin-left: -960px; top: 0; }

/*内容搜索*/

.nlss { overflow: hidden; width: 100%; border-bottom: #ddd 1px solid; }

.nlss .nlssBox .sst { width: 900px; height: 65px; color: #0A6CD9; float: left; font-size: 12px; line-height: 65px; }

.nlss .nlssBox .sst div, .nlss .nlssBox .sst p, .nlss .nlssBox .sst ul, .nlss .nlssBox .sst li { display: inline; }

.nlssBox a { color: #6c6c6c; font-size: 12px; margin-right: 20px; }

.nlssBox .ssnl { overflow: hidden; width: 309px; height: 32px; line-height: 32px; float: right; margin-top: 15px; float: right; }

.nlssBox .ssnl input { width: 256px; height: 30px; line-height: 30px; background: none; padding-left: 10px; border: 1px solid #dedede; font-size: 13px; color: #dedede; float: left; }

.nlssBox .ssnl em { display: block; cursor: pointer; width: 41px; height: 32px; background: url(../images/fangdajing.png) no-repeat center right; float: right; }

.searchbox { position: relative; float: right; margin-top: 14px; width: 258px; height: 36px; border: 1px solid #0A6CD9; overflow: hidden; }

.searchbox input { outline: none; }

.seartxt { float: left; width: 196px; height: 36px; font-size: 12px; color: #666; padding-left: 12px; line-height: 30px; border: 0; background: none; }

.searss { position: absolute; top: 0; right: 0; width: 50px; height: 36px; border: 0; cursor: pointer; background: #0A6CD9 url(../images/icobox.png) no-repeat center; }

/*产品展示*/

.cpzx { overflow: hidden; width: 100%; background: rgba(6, 163, 232, 0.05); padding-bottom: 20px; }

.cpzx h3 { width: 100%; height: 27px; margin: 0 auto; text-align: center; margin-top: 35px; padding-bottom: 5px; }

.cpzx h3 a { color: #227ecb; }

.cpzx .nlist .expmenu {  border: 1px solid #E0E0E0; border-top: 0; overflow: hidden; }

.nlist { float: left; width: 240px; margin-top: 26px; }

.nlist h4 { color: #FFF; text-decoration: none; color: #FFFFFF; }

.nlist .nt { font-weight: normal; padding: 18px 0; padding-left: 20px; background: #0A6CD9 url(../images/hhbg.png) no-repeat 195px center; font-size: 20px; color: #FFFFFF; }

.nlist .nt a { color: #FFFFFF; }

.TabTitle2 ul.expmenu { padding: 10px; padding-bottom: 0; background: #fff; border: 1px solid #E0E0E0; border-top: 0; }

.TabTitle2 ul.expmenu li div.header { background: #0A6CD9 url(../images/flbj.png) left center no-repeat; color: #FFF; width: 218px; margin-bottom: 10px; overflow: hidden; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.TabTitle2 ul.expmenu li div.header a { display: block; height: 36px; line-height: 36px; font-size: 16px; padding-left: 35px; text-decoration: none; color: #FFF; }

.TabTitle2 ul.expmenu li div.header .arrow { display: block; width: 28px; height: 30px; background: no-repeat center; float: right; overflow: hidden; cursor: pointer; }

.TabTitle2 ul.expmenu li:hover div.header, .TabTitle2 ul.expmenu li.on div.header { background-color: #1384D0; }

.TabTitle2 ul.expmenu li .menu { width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; }

.TabTitle2 ul.expmenu li .menu li { overflow: hidden; width: 190px; margin-left: 15px; background: url(../images/news_line.jpg) bottom repeat-x; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.TabTitle2 ul.expmenu li .menu li a { width: 190px; display: block; padding-left: 10px; float: left; height: 33px; line-height: 33px; font-size: 14px; color: #0A6CD9; }

.TabTitle2 ul.expmenu li .menu li:hover, .TabTitle2 ul.expmenu li .menu li.on { background-color: #dfdfdf; text-decoration: none; }

.he { display: none }

.cptp { overflow: hidden; width: 940px; float: right; }

.cptp ul { float: right; width: 940px; margin-top: 26px; }

.cptp ul li { width: 301px; margin-right: 15px; margin-bottom: 15px; border: 1px solid #E0E0E0; float: left; background-color: #FFFFFF; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.cptp ul li:nth-child(3n) { margin-right: 0; }

.cptp ul li .pic { margin: 2px; overflow: hidden; }

.cptp ul li img { width: 297px; height: 222px; transition: all 1s; }

.cptp ul li a:hover img { transform: scale(1.2); }

.cptp ul li p { display: block; height: 34px; line-height: 34px; text-align: center; font-size: 14px; overflow: hidden; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.cptp ul li:hover a { color: #ffffff; text-decoration: none; }

.cptp ul li:hover p { color: #FFF; }

.cptp ul li:hover { background-color: #0A6CD9; transform: translateY(-5px); }

/*实力强，有保障*/

.slq { overflow: hidden; width: 100%; position: relative; margin: 0 auto; margin-bottom: 40px }

.slqBox { width: 1200px; margin: 0 auto; position: relative; }

.slqBox h4 { font-size: 30px; color: #0A6CD9; }

.slqBox h5 { font-size: 18px; color: #3f3f3f; margin: 10px 0px 30px; }

.slqBox p { font-size: 14px; padding-left: 20px; margin-top: 10px; background: url(../images/xiaohua.png) no-repeat left 9px; line-height: 28px; text-align: justify; }

.slq01 { overflow: hidden; width: 100%; height: 438px; background: url(../images/ys_line.png) bottom no-repeat; }

.Box { overflow: hidden; margin: 0 auto; height: 190px; background: url(../images/slq01.png) no-repeat center; }

.Box h3 { font-size: 36px; color: #FFF; text-align: center; margin-top:12px }

.Box h3 span { font-size: 40px; }

.Box p { font-size: 14px; text-align: center; margin-top: 8px;color:#eee; }

.Box p>span { font-size: 30px; }

.slqBox .Box1 { padding-left: 115px; }

.slqBox b { font-size: 50px; position: absolute; font-weight: bold; width: 96px; height: 96px; display: block; background: url(../images/ys.png) no-repeat; text-align: center; line-height: 96px; color: #fff; margin-top: 40px; }

.slq02 .slqBox b { left: 620px; margin-top: 20px; }

.slqBox .Box1 .wz { float: left; padding-top: 55px; width: 513px; overflow: hidden; }

.slqBox .Box1 .ystp1 img { padding-left: 100px }

.slq .slq02 { width: 100%; height: 420px; background: url(../images/ys_line.png) bottom no-repeat; }

.slqBox .Box2 .ystp2 { float: left; }

.slqBox .Box2 .wz { width: 582px; float: right; padding: 35px 20px 0px 120px; }

.slq .slq03 { width: 100%; margin-top: 50px; height: 380px; }

.slqBox .Box3 .wz { float: left; padding: 55px 20px 0px 120px; width: 600px; }

.slqBox .Box3 .ystp3 img { padding-left: 50px; float: right; }

.slq .slq04 { width: 100%; height: 450px; background: url(../images/ys_line.png) top no-repeat; }

.slq04 .slqBox b { left: 620px; margin-top: 80px; }

.slqBox .Box4 .ystp4 { float: left; margin-top: 45px; }

.slqBox .Box4 .wz { width: 582px; float: right; padding: 95px 20px 0px 120px; }

/*案例展示*/

.kehu { overflow: hidden; height: 510px; background: url(../images/bj-1.jpg) no-repeat center top }

.anniu_kj { overflow: hidden; width: 1200px; height: 510px; margin: 0 auto; position: relative; }

.kehu .khdl { width: 100%; }

.khdl h3 { text-align: center; margin-top: 40px; font-size: 18.75px; background: url(../images/kehu.png) no-repeat center top }

.khdl h3 a { color: #fff; font-size: 26px }

.khdl img { margin-top: 0px; }

.khdl .bd { width: 100%; margin-top: 10px; }

.khdl li { position: relative; float: left; margin-right: 18px; height: 354px; width: 388px; background-color: #FFF;white-space:nowrap }

.khdl li img { display: block; width: 388px; height: 270px; padding: 6px; padding-bottom: 0; background: #FFF; }

.khdl li span { display: block; font-size: 16px; text-align: center; line-height: 40px; width: 286px; overflow: hidden;white-space:nowrap ;text-overflow:ellipsis}

.khdl li p { font-size: 14px; color: #999; width: 355px; height: 80px; line-height: 20px; text-align: justify; margin: 0 auto; overflow: hidden; }

.khdl li i { display: block; position: absolute; right: 0; bottom: 0; width: 26px; height: 26px; float: right; background: url(../images/kuhu.png) no-repeat top right; }

.anniu_kj em { display: block; width: 43px; height: 43px; cursor: pointer; position: absolute; top: 51%; opacity: 0.8; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.anniu_kj .prev { background: #bababa url(../images/kefu_anniu_lf.png) no-repeat center top; left: 0; }

.anniu_kj .next { background: #bababa url(../images/kefu_anniu_rt.png) no-repeat center top; right: 0; }

.anniu_kj em:hover { background-color: #0A6CD9; }

.khdl li.ys_last { margin-right: 0px; }

.warp { background: rgba(6, 163, 232, 0.05); overflow: hidden; padding-bottom: 25px; }

.xinw { height: 50px; background: #0A6CD9 url(../images/hhbg.png) no-repeat 813px center; }

.xinw a { display: block; font-size: 20px; color: #FFF; line-height: 50px; padding-left: 22px; }

.jz { width: 860px; overflow: hidden; margin-top: 25px; background: #fff; }

.jz ul { float: left; padding: 20px; }

.jz li { float: left; margin-bottom: 20px; }

.jz .xwtp { float: left;width:200px; margin-right:15px; }

.jz .xwtp img { width: 199px; height: 145px; padding: 5px; border: #CCC 2px solid; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.jz .xwwz {  }

.jz .xwwz h3 { height: 34px; line-height: 34px; font-size: 16px; font-weight: normal; width: 600px; overflow: hidden; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.jz li:hover .xwwz h3 { color: #0A6CD9; }

.jz li:hover .xwtp img { border-color: #0A6CD9; }

.jz .xwwz p { line-height: 24px; font-size: 14px; color: #999; text-align: justify; height: 97px; overflow: hidden; }

.jz .xwwz p a:hover { text-decoration: none; }

.jz .xwwz span { float: right; font-size: 14px; color: #0A6CD9; }

.zz { width: 300px; margin-top: 25px; background: #fff; }

.zz .zz_title { height: 50px; background: #0A6CD9 url(../images/hhbg.png) no-repeat 253px center; }

.zz .zz_title a { display: block; color: #FFF; font-size: 20px; line-height: 50px; padding-left: 20px; }

.zz .bd { width: 300px; overflow: hidden; height: 518px; margin-top: 20px; margin-bottom: 20px; }

.zz li { float: left; text-align: center; margin: 10px 0px 0px 43px; }

.zz li img { width: 200px; height: 150px; padding: 5px; border: #CCC 2px solid; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.zz li span { display: block; font-size: 14px; text-align: center; line-height: 32px; height: 32px; overflow: hidden; }

.zz li span:hover { color: #0A6CD9; }

.zz li:hover img { border: 2px solid #0A6CD9; }

.zjwy { overflow: hidden; width: 100%; height: 490px; padding-top: 25px; }

.zjwbBox { width: 100%; }

.zjwbBox h3 { font-size: 28px; text-align: center; margin-top: 25px; background: url(../images/zjwy_bg.png) no-repeat center top; }

.zjwbBox h3 a { color: #0A6CD9; }

.zjwbBox .wy_tupian { width: 500px; margin-top: 30px; float: left; }

.zjwbBox .wy_tupian img { width: 500px; height: 340px; }

.zjwbBox .wy_jianjie { width: 660px; margin-top: 30px; float: right; }

.wy_jianjie dt { line-height: 30px; height: 275px; overflow: hidden; font-size: 14px; font-weight:normal;}

.wy_jianjie dd { margin: 25px 0 0 0; }

.wy_jianjie dd a { display: inline-block; background: #0A6CD9; padding: 8px 40px; font-size: 14px; line-height: 24px; color: #fff; }

.wy_jianjie dd a:hover { background: #1384D0; }

.zlfc { overflow: hidden; width: 100%; height: 340px; }

.zlfcBox h4 { width: 1200px; font-size: 24px; margin-top: 35px; background: url(../images/fengcai_bg.png) no-repeat center; }

.zlfcBox h4 a { color: #0A6CD9; }

.zlfcBox .bd { width: 1200px; margin-top: 35px; overflow: hidden; }

.zlfcBox li { width: 228px; height: 216px; margin-right: 15px; float: left; }

.zlfcBox li img { width: 220px; height: 165px; border: 1px solid #e0e0e0; padding: 3px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.zlfcBox li p { text-align: center; font-size: 14px; line-height: 30px; overflow: hidden; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.zlfcBox li:hover img { border: 1px solid #0A6CD9; }

.zlfcBox li:hover p { color: #0A6CD9; }

.zlfcBox li.last { margin-right: 0px; }

.news { overflow: hidden; width: 100%; padding: 25px 0; background-color: rgba(6, 163, 232, 0.05); }

.news .news_title { width: 100%; height: 50px; line-height: 50px; background: #0A6CD9; }

.news .news_title h3 { font-size: 22px; float: left; padding-left: 18px; }

.news .news_title h3>a { color: #fff; }

.news .news_title .more { float: right; font-size: 14px; color: #fff; margin-right: 23px; }

.news .newsBox { width: 100%; margin: 0 auto; }

.news .newsBox_left { overflow: hidden; width: 700px; float: left; }

.news .newsBox_left .news_box { padding: 20px; height: 400px; background: #fff; }

.news .newsBox_left .xxxw { width: 660px; height: 160px; margin: 0; }

.xxxw .xwtp1 { float: left }

.xxxw .xwwz1 { float: right; width: 430px; height: 158px; overflow: hidden; }

.xxxw .xwwz1 h3 { font-weight: normal; height: 40px; line-height: 40px; width: 100%; overflow: hidden; margin-top: -11px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.xxxw:hover .xwwz1 h3 { color: #0A6CD9 }

.xxxw .xwwz1 p { font-size: 14px; line-height: 26px; color: #999; height: 104px; overflow: hidden; text-align: justify; }

.xxxw .xwwz1 span { float: right; display: block; font-size: 14px; color: #0A6CD9; }

.newsBox_left ul li { width: 100%; height: 39px; line-height: 39px; font-size: 14px; border-bottom: 1px dashed #e1e1e1; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.newsBox_left ul li a { display: block; float: left; width: 540px; }

.newsBox_left ul li a:hover { color: #0A6CD9 }

.newsBox_left ul li span { color: #676767; float: right; }

.news .newsBox_right { overflow: hidden; width: 480px; font-size: 13px; color: #000; float: right; }

.newsBox_right ul { padding: 20px; padding-top: 11px; height: 400px; background: #fff; }

.newsBox_right ul li { width: 440px; line-height: 39px; border-bottom: 1px dashed #e1e1e1; font-size: 13px; background: url(../images/news_right_li.png) no-repeat 420px 16px; white-space: nowrap; text-overflow: ellipsis; }

.newsBox_right ul li a { font-size: 14px; display: block; }

.newsBox_right ul li .news_nextNav { display: none; width: 440px; height: 112px; line-height: 21px; background: url(../images/new_right.png) no-repeat top center; margin-bottom: 17px; overflow: hidden; }

.newsBox_right ul li .news_nextNav p { position: relative; width: 410px; white-space: normal;  padding: 20px 15px; text-align: justify; color: #999; }

.newsBox_right li .news_nextNav p a { color: #0A6CD9; position: absolute; right: 15px; bottom: 20px; }

/* toolbar */

.toolbar { width: 51px; position: fixed; right: 1%; top: 44%; z-index: 999; }

.toolbar dd { width: 51px; height: 51px; margin-bottom: 1px; position: relative; -webkit-border-radius: 100%; border-radius: 100%; margin-top: 4px; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; }

.toolbar dd i { border: #ebebeb solid 1px; width: 51px; height: 51px; display: block; position: absolute; left: 0px; top: 0px; cursor: pointer; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; }

.toolbar dd i span { width: 35px; height: 35px; display: block; margin: 8px 0 0 8px; background: url(../images/rightfixicon.png) no-repeat 0 0; }

.toolbar dd.gottop { display: none; }

.toolbar .slide-tel { display: block; width: 0; height: 51px; line-height: 51px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 51px; top: 0px; right: 0px; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden; }

.toolbar .pop { position: absolute; right: 90px; top: -65px; background: #0A6CD9; display: none; }

.toolbar .pop-code { width: 160px; }

.toolbar .pop-code img { width: 120px; height: 120px; display: block; margin: 20px 20px 0; }

.toolbar .pop-code h3 { height: 52px; line-height: 26px; text-align: center; color: #fff; font-size: 16px; font-weight: 400; white-space: nowrap; }

.toolbar .pop-code h3 b { display: block; font-size: 14px; font-weight: normal; }

.toolbar .qq span { background-position: -35px -47px; }

.toolbar .qq a { width: 52px; height: 52px; cursor: pointer; display: block; }

.toolbar .qq:hover { background-color: #0A6CD9; border-radius: 100%; }

.toolbar .qq:hover span { background-position: 0 -47px; }

.toolbar .tel span { background-position: -35px 0; }

.toolbar .tel:hover { background: #0A6CD9; }

.toolbar .tel:hover span { background-position: 0 0; }

.toolbar .code span { background-position: -35px -95px; }

.toolbar .code:hover { background-color: #0A6CD9; border-radius: 100%; }

.toolbar .code:hover span { background-position: 0 -95px; }

.toolbar .top span { background-position: -35px -142px; }

.toolbar .top:hover { background-color: #0A6CD9; border-radius: 100%; }

.toolbar .top:hover span { background-position: 0 -142px; }

/*在线留言*/

.about .about_a .wzi .t1 { padding: 0 0 25px; color: #0A6CD9; font-size: 20px; font-weight: normal; }

.about .about_a .wzi .t2 { color: #0A6CD9; font-size: 30px; display: block; padding: 30px 0; }

.formData { padding-bottom: 20px; }

.formData .item { float: left; color: #999; font-weight: normal; width: 425px; height: 56px; line-height: 56px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 45px; position: relative; }

.formData .item label { padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 56px; line-height: 56px; font-size: 18px; color: #cccccc; }

.formData .item input { outline: none; line-height: 38px; height: 38px; font-size: 18px; }

.formData .item .txt { width: 355px; height: 56px; line-height: 56px; display: block; background: none; padding-left: 70px; border: 0 none; color: #999; }

.formData .item .red { position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11; }

.formData .item.mr0 { margin-right: 0; }

.formData .msg-box { position: absolute; left: 0; top: 0px; }

.formData .liuyan { width: 928px; height: 260px; border: 1px solid #e5e5e5; float: left; }

.formData .liuyan label { text-align: right; display: block; }

.formData .liuyan textarea { width: 908px; height: 234px; line-height: 35px; padding: 12px 10px; text-indent: 100px; font-size: 18px; font-family: "microsoft yahei"; color: #999; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none; }

.formData .bot { width: 100%; }

.formData .sub { width: 232px; line-height: 54px; margin-right: 2px; text-align: center; background: #0A6CD9; border: 2px solid #0A6CD9; color: #FFF; cursor: pointer; font-size: 18px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }

.formData .sub:hover { color: #0A6CD9; background: none; }

.formData .yzm { width: 432px; }

.formData .yzm .txt { padding-left: 80px; }

.formData .yzm img { position: absolute; right: 0; top: 0; height: 56px; border: 0px; display: block; }

/*↓组图样式↓*/

.HS10, .HS15 { overflow: hidden; clear: both; }

.HS10 { height: 10px; }

.HS15 { height: 15px; }

.Hidden { display: none; }

.Clearer { display: block; clear: both; font-size: 1px; line-height: 1px; margin: 0; padding: 0; }

.FlLeft { float: left; }

.FlRight { float: right; }

/*幻灯片区域背景*/

.MainBg { width: 920px; margin: 0 auto; }

/*大图展示区域*/

.OriginalPicBorder { padding: 0; }

#OriginalPic { width: 920px; overflow: hidden; position: relative; font-size: 12px; }

#OriginalPic img { display: block; min-width: 100px; margin: 0 auto; }

/*鼠标手势*/

.CursorL { position: absolute; z-index: 999; width: 50%; height: 600px; color: #FFF; left: 0; cursor: url(../style/CurL.cur), auto; background: url(../images/space.png) repeat scroll 0 0 transparent; }

.CursorR { position: absolute; z-index: 999; width: 50%; height: 600px; color: #FFF; right: 0; cursor: url(../style/CurR.cur), auto; background: url(../images/space.png) repeat scroll 0 0 transparent; }

/*小图预览和滑动*/

.SliderPicBorder { width: 100%; overflow: hidden; }

.ThumbPicBorder { width: 920px; margin: 0 auto; background: #eeeeee; overflow: hidden; position: relative; }

.ThumbPicBorder #btnPrev { width: 45px; height: 113px; cursor: pointer; position: absolute; left: 20px; top: 20px; }

.ThumbPicBorder #btnNext { width: 45px; height: 113px; cursor: pointer; position: absolute; right: 20px; top: 20px; }

.ThumbPicBorder .pic { width: 755px; overflow: hidden; position: relative; margin: 20px auto; }

#ThumbPic img { border: 3px solid #ddd; cursor: pointer; background-color: #ddd; margin: 0 5px; width: 141px; height: 114px; display: block; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

#ThumbPic img.active { border: 3px solid #0A6CD9; }

/*↑组图样式↑*/

/*分页样式*/

.pglist { padding: 30px 0 15px; width: 100%; text-align: center; clear: both; }

.pglist a { color: #333; padding: 0 15px; margin: 0 4px; background: #fff; border: 1px solid #edebeb; }

.pglist * { display: inline-block; vertical-align: middle; line-height: 34px; padding-bottom: 1px; }

.pglist a:hover, .pglist .hover { display: inline-block; color: #fff; background: #0A6CD9; border-color: #0A6CD9; }

.h2 { padding-left: 10px; border-left: 3px solid #0A6CD9; font-weight: normal; line-height: 20px; font-size: 18px; color: #0A6CD9; width: 29%; }

/*招聘相关*/



.job_list li { height: 45px; border-bottom: #ddd 1px solid; }

.job_list li:hover { background: #f8f8f8; }

.job_list li i { float: left; height: 45px; line-height: 45px; width: 150px; font-style: normal; }

.job_list li i.job_1 { width: 260px; text-indent: 1em; }

.job_list li i.job_4 { width: 180px; }

.job_show { margin: 20px 0; }

.job_show h1 { text-align: left; font-size: 24px; font-weight: 400; margin: 0; padding: 0; }

.job_show h2 { text-align: left; font-size: 18px; font-weight: 400; margin: 10px 0; padding: 0; }

.job_show .info { margin: 15px 0; padding: 0px; font-size: 14px; }

.job_show .info img { max-width: 100%; }

.job_show .info ul { overflow: hidden; }

.job_show .info ul li { float: left; width: 24.4%; border-left: 1px solid #dadada; padding-left: .6%; line-height: 30px; }

.job_show .info ul li span { color: #999; }

.job_show .intro a { color: #0A6CD9; }

.job_show .intro a:hover { color: #0A6CD9; }

.job_show .action { text-align: center; }

.job_show .action a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #0A6CD9; padding: 6px 20px; min-width: 100px; background: #0A6CD9; color: #fff; }

.job_show .action a:hover { color: #fff; border-color: #f60; background: #f60; }

/*返回首页*/

#tip { padding-top: 30px; min-height: 640px; }

#tip b { color: #0A6CD9; }

/*点赞*/

.other { margin-top: 30px; text-align: center; }

.other p { font-weight: bold; padding-bottom: 20px; }

.other a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; }

.other a span { font-size: 18px; margin-right: 10px; }

.other a em { font-style: normal; font-size: 18px; }

.other a:hover { background: #0A6CD9; border-color: #0A6CD9; color: #fff; }

.other a:hover span { color: #fff; }

/* 关键词*/

.keys { padding: 10px; border: #ddd 1px dotted; }

.keys p, .keys div, .keys ul, .keys li { display: inline; }

/*网站标签*/

.tags_list { overflow: hidden; line-height: 30px; padding: 10px; border-bottom: 1px solid #ddd; }

.tags_list dt { float: left; margin-right: 2%; margin-bottom: 2%; width: 14.66666667%; }

.tags_list dt a { display: block; text-align: center; background: #ececec; font-size: 14px; padding: 8px 0; font-weight: normal; }

.tags_list dt a:hover { background: #ccc; color: #fff; }

.tags { overflow: hidden; margin-bottom: 20px; }

.tags span { float: left; display: block; line-height: 40px; }

.tags a { border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; line-height: 28px; padding: 0 6px; margin: 5px; background: #fff; border: 1px solid #dadada; }

.tags a:hover { background: #0A6CD9; border-color: #0A6CD9; color: #fff; }

/*瀑布流布局*/

.piclist { width: 100%; }

.piclist ul { }

.piclist li { float: left; width: 270px; margin: 0 15px 15px 0; }

.piclist li a { display: block; padding: 4px; margin-bottom: 25px; border: 1px solid #eee; }

.piclist li a:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.17); }

.piclist li a img { width: 100%; }

.piclist li a p { font-size: 14px; padding: 0 10px; }

/*筛选相关*/

.filter { border: 1px solid #f0f0f0; padding: 20px 30px 10px 30px; background: #fff; margin-bottom: 20px; }

.filter dl { margin: 0; }

.filter dl dd { float: left; width: 70px; font-weight: 500; font-size: 14px; margin: 0; padding-top: 5px; }

.filter dl dt { margin: 0 0 0 80px; }

.filter dl dt a { font-weight: 300; margin: 0 10px 10px 0; padding: 6px 20px; color: #666; font-size: 14px; display: inline-block; border-radius: 30px; }

.filter dl dt a:hover { background: #0A6CD9; color: #fff; }

.filter dl dt .hover { background: #0A6CD9; color: #fff; }

/*自定义表单*/

.form-add input[type=number], .form-add input[type=search], .form-add input[type=text], .form-add input[type=password], .form-add input[type=datetime], .form-add input[type=datetime-local], .form-add input[type=date], .form-add input[type=month], .form-add input[type=time], .form-add input[type=week], .form-add input[type=email], .form-add input[type=url], .form-add input[type=tel], .form-add input[type=color], .form-add select, .form-add textarea, .am-form-field { width: auto; display: inline; border-color: #ddd; border-radius: 3px; -webkit-appearance: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }

.form-add .w420 { width: 400px; }

.form-add input { border: 1px solid #ddd; width: 60px; padding: 5px 10px }

.form-add em { color: #999; font-style: normal; }

/*表单内容*/



#form_book .am-btn-danger { background-color: #0A6CD9; border-color: #0A6CD9; }

.formshow { }

.formshow .item { font-size: 14px; line-height: 30px; clear: both; }

.formshow .item .lefter { display: inline-block; width: 120px; font-style: normal; color: #555; font-size: 14px; float: left; }

.formshow .item .righter { margin-left: 120px; line-height: 30px; }

.formshow .item .righter .pic { max-width: 400px; margin: 10px 0; }

.formshow .item .righter video { width: 450px; height: 300px; }

/*分页相关*/

.pagelist ul { text-align: center; margin: 20px 0; }

.pagelist li { display: inline-block; margin: 0 2px; }

.pagelist li a { color: #666; display: inline-block; border: 1px solid #ddd; padding: 6px 15px; }

.pagelist li a:hover { border-color: #0A6CD9; background: #0A6CD9; color: #fff; }

.pagelist li.active a { border-color: #0A6CD9; background: #0A6CD9; color: #fff; }

/*网站地图*/

.map_one { line-height: 30px; }

.map_one a { font-size: 18px; }

.map_two { margin: 5px 0 20px 0; }

.map_two a { display: inline-block; margin-right: 15px; color: #666; }

/*右侧浮动相关*/

.dis { display: none; }

.plug_service { position: fixed; right: 0; bottom: 5%; z-index: 999; }

.plug_service li { position: relative; margin-bottom: 5px; }

.plug_service li a { display: block; text-align: left; background: #fff; border: 1px solid #ececec; padding: 10px 20px; font-family: microsoft yahei; font-size: 12px; color: #505050; outline: none; transition: right 0.5s; right: -77px; position: relative; }

.plug_service li a span { display: inline-block; font-size: 24px; color: #888; margin-right: 20px; vertical-align: middle; }

.plug_service li a:hover { background: #0A6CD9; color: #fff; border-color: #099FF; right: 0; font-family: microsoft yahei; }

.plug_service li a:hover span { color: #fff; }

.plug_service .hover a { display: block; text-align: center; background: #0A6CD9; border: 1px solid #0A6CD9; padding: 10 8px 6px 8px; font-size: 12px; color: #fff; outline: none; }

.plug_service .hover a span { color: #fff; }

.plug_service .hotline { position: absolute; display: none; background: #fff; padding: 10px 15px 0 15px; left: -200px; bottom: 0px; width: 210px; border: 1px solid #ddd; width: 180px; height: 68px; font-size: 12px; color: #999; line-height: 24px; border-radius: 4px; }

.plug_service .hotline b { display: block; font-size: 16px; color: #333; }

.plug_service .hotline:after { content: " "; position: absolute; right: -10px; top: 25px; width: 20px; height: 20px; border: #ddd solid 1px; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }

.plug_service .weixin_pic { position: absolute; display: none; background: #fff; padding: 5px; left: -230px; bottom: -70px; width: 210px; border: 1px solid #ddd; border-radius: 4px; }

.plug_service .weixin_pic p { text-align: center; margin: 0 0 10px 0; padding: 0; }

.plug_service .weixin_pic p span { color: #0A6CD9; }

.plug_service .weixin_pic:after { content: " "; position: absolute; right: -10px; top: 130px; width: 20px; height: 20px; border: #ddd solid 1px; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }

.plug_service li:hover div { display: block; }

/*城市分站*/

.filter_city { background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,0.07); border: 1px solid #eee; padding: 10px 20px 20px 0; }

.filter_city .filter-left { text-align: right; padding-top: 18px; color: #999; font-size: 14px; }

.filter_city .filter-right { padding-left: 10px; }

.filter_city .filter-right a { border: 1px solid #eaeaea; padding: 8px 15px; border-radius:.1rem;

margin: 10px 5px 0 0; display: inline-block; color: #999; font-size: 14px; }

.filter_city a:hover, .filter_city a.active { border-color: #0A6CD9; color: #0A6CD9; }

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 15px; }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }

.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }

.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }

.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }

.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }

.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }

.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }

.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }

.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }

.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }

.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }

.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }

.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }

.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }

.city-choose { }

.city-choose span { color: #0A6CD9; }

.city-choose i { color: #999; margin-left: 5px; font-size: 18px; }

 [class*=am-icon-] {

font-family:FontAwesome;

}

#favorite {cursor:pointer;}

/*自定义表单代码*/

.red {color:#f00 !important;}

.layui-icon{font-size: 12px; margin-left: 3px;}

.layui-form-label{width: 140px !important;}

.layui-input-block {margin-left: 170px !important;}

.xiycms-code input {width:120px; float:left; margin-right:10px;}

.xiycms-code img {float:left; width:130px; height:38px;}

.xiycms-tags {width:100%;display:block;clear:both;}

.xiycms-tags li {float: left; margin: 10px 10px 0 0; border: 1px solid #ddd; height: 28px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;}

.xiycms-tags li a { font: 14px/28px "Microsoft YaHei"; color: #000;  white-space: nowrap; padding: 0 15px; line-height: 28px; }

.xiycms-tags li:hover  { border: 1px solid #108dee; }

.xiycms-tags li:hover a { color:#108dee; }




/*内页新闻*/
.bjbld { overflow: hidden; padding: 0 0 30px 0; }
.bjbld img{ max-width:100%;}
.wjll { width: 100%; float: none; }
.wjll .wjlbt {font-size: 14px;color: #3C3C3C;display: block;width: 75%;float: left;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;/* font-weight:bold; */-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.wjll .wjlbt i{margin-right:8px;}
.wjzlb li:hover .wjll .wjlbt { color: #118def; }
.wjll .wjlrq { font-size: 12px; color: #B4B4B4; display: block; float: right; }
.wjzlb li { height: auto; }
.wjzlb li:hover .wjll .wjlbt { color: #118def; }
.wjzlb li a:hover { color: #118DEF; }
.wjzlb { overflow: hidden }
.wjzlb li { height: auto; line-height: 24px; padding: 10px 0;  }
.wjll { width: 100%; }






/*案例*/
.c_jzjn { float: none; }
.like_t {height: 40px;font-size: 18px;color: #333;border-bottom:#ddd 1px solid;float: left;}
.zwbtz {border-bottom:#087ee0 3px solid;height:40px;}
.l { float: left; }
.jsanl { overflow: hidden; }
.jsanl li { width: 288px; float: left; overflow: hidden; margin-right: 17px; margin-top: 20px; }
.jsanl li a img { display: block; width: 288px; height: auto; transition: all 0.3s; }
.jsanl li a:hover img { transform: scale(1.1); }
.dpdzfd { overflow: hidden; display: block }
.jsanl li a .jsalnr { /*height: 200px;*/
background: #F6F6F6; overflow: hidden; display: block; padding: 25px 20px 20px 20px; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsanl li a:hover .jsalnr { background: #118DEF; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsanl li a:hover .jsalnr .jsrbt { color: #fff; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsanl li a:hover .jsalnr .jsrnr { color: #fff; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsanl li a:hover .jsalnr .jsrgd { color: #fff; background: #6FC1FF; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsalnr .jsrbt { display: block; font-size: 16px; color: #333; margin-bottom: 10px; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsalnr .jsrnr { font-size: 12px; color: #333; display: block; line-height: 25px; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsalnr .jsrgd { margin-top: 10px; display: block; height: 35px; line-height: 35px; text-align: center; background: #DEDEDE; font-size: 12px; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.bjbld { overflow: hidden; padding: 0 0 30px 0; }
.proinfo {padding-bottom:20px; margin-bottom:10px; border-bottom:1px #ddd solid;}
.proinfo .leftimg {width:448px; float:left;}
.proinfo .leftimg img {width:100%; height:auto;}
.proinfo .rightinfo {width:425px; float:right;}
.proinfo .rightinfo h1 {font-size: 18px; line-height:42px;padding-bottom:10px;border-bottom:1px #ddd solid;}
.proinfo .rightinfo p {font-size: 14px; line-height:30px; margin:0px;}
@media screen and (min-width: 599px) and (max-width: 959px) {
	.proinfo .rightinfo {width:38%; }
	.proinfo .leftimg {width:60%; }
}
@media only screen and (max-width: 600px) {
	.proinfo .rightinfo,.proinfo .leftimg {width:100%; float:none;}
        .footer .fr {display:none;}
}
.bjbld img{ max-width:100%;}
.xiycms-zan { margin-top: 30px; text-align: center; }
.xiycms-zan p { font-weight: bold; }
.xiycms-zan a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; }
.xiycms-zan a span { font-size: 18px; margin-right: 10px; }
.xiycms-zan a em { font-style: normal; font-size: 18px; }
.xiycms-zan a:hover { background:#108dee; border-color: 108dee; color: #fff; }
.xiycms-zan a:hover span { color: #fff; }

.xiycms-filter{border:1px solid #f3f3f3;padding:6px 20px;margin-top:20px;padding:15px;}
.xiycms-filter dl{margin:0;}
.xiycms-filter dl dd{float:left;width:70px;font-weight:bold;font-size:14px;margin:0;padding-top:5px;}
.xiycms-filter dl dt{margin:0 0 0 80px;}
.xiycms-filter dl dt a{font-weight:normal;margin:0 5px 5px 0;padding:5px 10px;color:#666;font-size:14px;display:inline-block;}
.xiycms-filter dl dt a:hover{background:#108dee;color:#fff;}
.xiycms-filter dl dt .hover{background:#108dee;color:#fff;}

.bjbld .tags { font-weight: 500; }
.bjbld .tags a { margin-left: 15px; display: inline-block; border-radius: 4px; border: 1px solid #ddd; background: #fff; padding: 4px 10px; font-weight: normal; font-size: 14px; }
.bjbld .tags a:hover { background:#108dee; color: #fff; border-color:#108dee; }